This FX takes advantage of Microsoft Internet Explorer 4.0 Dynamic HTML and will not work in any other browser at the time this was written.

This Dynamic HTML example will create a section of the document which can be shown or hidden, by clicking on another piece of text or an image, like a collapseable outline in your document.

When the document is initially displayed in a browser, the user will see a line of text with a phrase of bold text to click on. When the bold text is clicked, it will result in the hidden section being shown, like a collapseable outline. Click again, and the section will be hidden.

Because this effect relies on SPAN and DIV tags that are not visible in WYSIWYG view, it is recommended that you edit these sections in tags-on view.

You can modify the both the clickable text and the hidden text to be anything that you want, by changing the content of the DIV and SPAN elements. Just make sure you leave the required HTML markup (the DIV and SPAN elements) as they are.

First, you must drag the above link (Collapse / Expand Script8) onto your document to place the necessary JavaScript in your document.

Then, you may drag as many of the "Outline Block8" links as you need, replacing the content with any HTML markup you desire.

Technical details of usage are provided in comments in the JavaScript source that is inserted into your document. Because this effect relies on SPAN and DIV tags that are not visible in WYSIWYG view, it is recommended that you edit these sections in tags-on view.